<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/addons/exam/js/vue.js"></script>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/exam/css/common.css"></link>
<script src="__CDN__/assets/addons/exam/js/element-ui/index.js"></script>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/exam/js/element-ui/index.css"></link>


<div id="app">
<form id="question-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Cate_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-cate_id" data-rule="required" data-source="exam/cate/selectpage" data-params='{"custom[kind]":"QUESTION","isTree":true}' class="form-control selectpage" name="row[cate_id]" type="text" value="{$row.cate_id|htmlentities}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('短标题')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-short_title" class="form-control" name="row[short_title]" type="text" value="{$row.short_title|htmlentities}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div id="c-title1">
              <textarea id="c-title" class="form-control editor" name="row[title]">{$row.title|htmlentities}</textarea>
            </div>
            <input id="c-title2" class="form-control" name="row[title_fill]" type="text" @change="changeTitle" v-model:value="title">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('是否听力')}:</label>
        <div class="col-xs-12 col-sm-8">

            <div class="radio">
            {foreach name="hearingList" item="vo"}
            <label for="row[hearing]-{$key}"><input id="row[hearing]-{$key}" name="row[hearing]" type="radio" value="{$key}" {in name="key" value="$row.hearing"}checked{/in} /> {$vo}</label>
            {/foreach}
            </div>

        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('答题分数')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-point" class="form-control" name="row[point]" type="number" min="1" value="{$row.point|htmlentities}">
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('答题积分')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-score" class="form-control" name="row[score]" type="number" min="0" value="{$row.score|htmlentities}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('答题时间')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-limit_time" class="form-control" name="row[limit_time]" type="number" min="5" value="{$row.limit_time|htmlentities}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('翻译')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div>
              <textarea  class="form-control" name="row[translate]">{$row.translate|htmlentities}</textarea>
            </div>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('title_video')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-title_video" class="form-control" size="50" name="row[title_video]" type="text" value="{$row.title_video|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-title_video" class="btn btn-danger plupload" data-input-id="c-title_video" data-mimetype="mp4" data-multiple="false" data-preview-id="p-title_video"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-title_video" class="btn btn-primary fachoose" data-input-id="c-title_video" data-mimetype="mp4" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-title_video"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-title_video"></ul>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('title_img')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-title_img" class="form-control" size="50" name="row[title_img]" type="text" value="{$row.title_img|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-title_img" class="btn btn-danger plupload" data-input-id="c-title_img" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-title_img"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-title_img" class="btn btn-primary fachoose" data-input-id="c-title_img" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-title_img"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-title_img"></ul>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('title_audio')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-title_audio1" class="form-control" size="50" name="row[title_audio]" type="text" value="{$row.title_audio|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-title_audio1" class="btn btn-danger plupload" data-input-id="c-title_audio1" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false" data-preview-id="p-title_audio1"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-title_audio1" class="btn btn-primary fachoose" data-input-id="c-title_audio1" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    <span><button type="button" class="btn btn-success soundupload" data-input-id="c-title_audio1"><i class="fa fa-upload"></i> 录音</button></span>
                </div>
                <span class="msg-box n-right" for="c-title_audio1"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-title_audio1"></ul>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Kind')}:</label>
        <div class="col-xs-12 col-sm-8">

            <div class="radio">
                {foreach name="kindList" item="vo"}
                <label for="row[kind]-{$key}">
                    <input @change="changeKind" id="row[kind]-{$key}" name="row[kind]" type="radio" value="{$key}" {in name="key" value="$row.kind" }checked{/in} /> {$vo}
                </label>
                {/foreach}
            </div>

        </div>
    </div>

    <div class="form-group" id="is_material_child">
        <label class="control-label col-xs-12 col-sm-2">{:__('is_material_child')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                <label for="row[is_material_child]-0">
                    <input @change="changeIsMaterialChild" id="row[is_material_child]-0" name="row[is_material_child]" type="radio" value="0" {eq name="$row.is_material_child" value="0"}checked{/eq} /> 否
                </label>

                <label for="row[is_material_child]-1">
                    <input @change="changeIsMaterialChild" id="row[is_material_child]-1" name="row[is_material_child]" type="radio" value="1" {eq name="$row.is_material_child" value="1"}checked{/eq} /> 是
                </label>
            </div>
        </div>
    </div>

    <div class="form-group is_material_child">
        <label class="control-label col-xs-12 col-sm-2">{:__('material_question_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-material_question_id" data-source="exam/question/index" data-field="title" data-params='{"custom[kind]":"MATERIAL"}' class="form-control selectpage" name="row[material_question_id]" type="text" value="{$row.material_question_id|htmlentities}">
        </div>
    </div>

    <div class="form-group is_material_child">
        <label class="control-label col-xs-12 col-sm-2">{:__('material_score')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-material_score" class="form-control" name="row[material_score]" type="number" value="{$row.material_score|htmlentities}">
        </div>
    </div>


    

    <!--原题型-->
    <div v-show="kind === 'JUDGE' || kind === 'SINGLE' || kind === 'MULTI'">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('Options_json')}:</label>
            <div class="col-xs-12 col-sm-8">

                <dl class="fieldlist" data-name="row[options_json]">
                    <dd>
                        <ins>选项</ins>
                        <ins>内容</ins>
                    </dd>
                    <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
                    <textarea name="row[options_json]" class="form-control hide" cols="30" rows="5">{$row.options_json|htmlentities}</textarea>
                </dl>

                <textarea id="c-options_img" name="row[options_img]" class="form-control hide" cols="30" rows="5">{$row.options_img|htmlentities}</textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('Answer')}:</label>
            <div class="col-xs-12 col-sm-8">
                {notin name="$row.kind" value="FILL,SHORT,MATERIAL,CALL,WORD"}
                <input id="c-answer" class="form-control" name="row[answer]" type="text" value="{$row.answer|htmlentities}" readonly="readonly">
                {/notin}
            </div>
        </div>
    </div>

    <!--填空题-->
    <div v-show="kind === 'FILL'">

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">填空位:</label>
            <div class="col-xs-12 col-sm-8">
                <button type="button" class="btn btn-success" @click="addFillOptions()"><i class="fa fa-plus"></i> 新增填空位</button>

                <div v-for="(option, index) in fillOptions" :key="index">
                    <p style="margin-left: 10px; margin-top: 10px;">填空位（{{(index + 1)}}）答案（任意答案匹配即算正确）</p>

                    <div class="fill-option" v-for="(answer, key) in option.answers" :key="key">
                        <div>
                            <input type="text" class="form-control" :name="'row[answer]['+index+'][answers][]'" v-model="fillOptions[index].answers[key]" placeholder="请输入答案" />
                        </div>
                        <div class="m-l-10">
                            <button type="button" class="btn btn-danger" @click="deleteFillAnswer(index, key)"><i class="fa fa-trash"></i> </button>
                        </div>
                    </div>

                    <!-- <button type="button" class="btn btn-info" @click="addFillAnswer(index)"><i class="fa fa-plus"></i> 新增答案项</button> -->

                </div>

            </div>
        </div>
    </div>

    <!--简答题-->
    <div v-show="kind === 'SHORT'">

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('答案提交方式')}:</label>
            <div class="col-xs-12 col-sm-8">

                <div class="radio">
                    {foreach name="shortList" item="vo"}
                    <label for="row[short_type]-{$key}"><input id="row[short_type]-{$key}" name="row[short_type]" type="radio" value="{$key}" {in name="key" value="$row.short_type"}checked{/in} /> {$vo}</label>
                    {/foreach}
                </div>

            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">标准答案:</label>
            <div class="col-xs-12 col-sm-8">
                <textarea id="c-short_answer" class="form-control" name="row[short_answer]" rows="5">{$row.answer|htmlentities}</textarea>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">关键词:</label>
            <div class="col-xs-12 col-sm-8">
                <button type="button" class="btn btn-success" @click="addShortOptions()"><i class="fa fa-plus"></i> 新增关键词</button>
                <p style="margin-left: 10px; margin-top: 10px;" class="text-info">任意关键词匹配得分数</p>

                <div v-for="(option, index) in shortOptions" :key="index" class="row m-t-5">
                    <div class="col-sm-7">
                        <input type="text" class="form-control" :name="'row[answer_config]['+index+'][answer]'" v-model="option.answer" placeholder="请输入关键词" />
                    </div>
                    <div class="col-sm-2">
                        <label class="m-t-5">得</label>
                        <input type="number" step="1" min="1" class="form-control" :name="'row[answer_config]['+index+'][score]'" v-model="option.score" placeholder="请输入分数" style="width: 60px;"/>
                        <label class="m-t-5">分</label>
                    </div>
                    <div class="col-sm-3">
                        <button type="button" class="btn btn-danger" @click="deleteShortAnswer(index)"><i class="fa fa-trash"></i> </button>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">讯飞内容:</label>
            <div class="col-xs-12 col-sm-8">
                <textarea id="c-xf_short_content" class="form-control" name="row[xf_short_content]" rows="5">{$row.xf_short_content|htmlentities}</textarea>
            </div>
        </div>

    </div>

    <!-- 通话题 -->
    <div v-show="kind === 'CALL'">

        <div class="form-group" id="tonghua">
            <label class="control-label col-xs-12 col-sm-2">通话:</label>
            <div class="col-xs-12 col-sm-8">

                <button type="button" class="btn btn-success" @click="addID()"><i class="fa fa-plus"></i> 新增角色</button>

                <div class="row m-t-5" style="color: #1688f1;padding: 5px 0px 2px 0px;">
                    <div class="col-sm-2">姓名</div>
                    <div class="col-sm-2">状态</div>
                </div>

                <div v-for="(option, index) in userlist" :key="index" class="row m-t-5">
                    <input type="hidden" class="form-control" :name="'row[user_config]['+index+'][id]'" v-model="index"/>

                    <div class="col-sm-2">
                        <input type="text" class="form-control" :name="'row[user_config]['+index+'][name]'" v-model="option.name" placeholder="请输入姓名" />
                    </div>

                    <div class="col-sm-2">
                        <el-switch :name="'row[user_config]['+index+'][status]'" v-model="option.status"></el-switch>
                    </div>

                    <div class="col-sm-2">
                        <button type="button" class="btn btn-danger" @click="deleteUser(index)"><i class="fa fa-trash"></i> </button>
                    </div>
                </div>


                <button type="button" class="btn btn-success" @click="addCallOptions()" style="margin-top: 3rem;"><i class="fa fa-plus"></i> 新增通话</button>
                <button type="button" class="btn btn-success" @click="addCallOptions()" :data-new="newindex" style="    position: fixed;margin-top: 3rem;bottom: 100px;right: 100px;"><i class="fa fa-plus"></i> 新增通话</button>

                <div class="row m-t-5" style="color: #1688f1;padding: 5px 0px 2px 0px;">
                    <div class="col-sm-2">姓名</div>
                    <div class="col-sm-6">通话语句</div>
                    <div class="col-sm-4">开始时间</div>
                </div>
                <div>
                <div v-for="(option, index) in callOptions" :key="index" class="row m-t-5" style="padding-bottom: 2rem;">

                    <input type="hidden" class="form-control"  v-model="option.id" :name="'row[answer_config]['+index+'][id]'" />

                    <div class="col-sm-2">
                        <el-select v-model="option.name" placeholder="请选择" :name="'row[answer_config]['+index+'][name]'" @change="watchUser($event,index)" >
                            <el-option v-for="(item,i) in userlist" :key="i"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                          </el-select>
                    </div>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" :name="'row[answer_config]['+index+'][answer]'" v-model="option.answer" placeholder="请输入通话" />
                    </div>

                 
                    <div class="col-sm-2">
                        <input type="text" class="form-control" :name="'row[answer_config]['+index+'][start_at]'" v-model="option.start_at" placeholder="开始时间（秒）" />
                    </div>

                    <div class="col-sm-2">
                        <button type="button" class="btn btn-danger" @click="deleteCallAnswer(index)"><i class="fa fa-trash"></i> </button>
                    </div>

                    <div class="col-sm-12" style="margin: 1rem 0 0 0;">
                        <input type="text" class="form-control" :name="'row[answer_config]['+index+'][content]'" v-model="option.content" placeholder="讯飞内容" />
                    </div>

                    <div class="col-sm-12" style="margin: 1rem 0 0 0;">
                        <input type="text" class="form-control" :name="'row[answer_config]['+index+'][vocabulary]'" v-model="option.vocabulary" placeholder="讯飞音标" />
                    </div>

                    <div class="col-sm-12" style="margin: 1rem 0 0 0;">
                        <input type="text" class="form-control" :name="'row[answer_config]['+index+'][number_replace]'" v-model="option.number_replace" placeholder="讯飞数字读法标注" />
                    </div>
                    <div class="col-sm-9" style="margin: 1rem 0 0 0;">
                        <input type="text" class="form-control inputaudio" :data-indexs="index" :name="'row[answer_config]['+index+'][audio]'" :id="'audiotest'+index" v-model="option.audio" placeholder="示范音频" />
                        <div class="playeraduio" @click="playerwindow" >播放</div>
                    </div>
                    <div class="col-sm-3" style="margin: 1rem 0 0 0;">
                        <div class="input-group-addon no-border no-padding">
                            <span><button type="button" :id="'plupload-audiotest'+index" class="btn btn-danger plupload" :data-input-id="'audiotest'+index" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false" data-preview-id="p-title_audio"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                            <span><button type="button" :id="'fachoose-audiotest'+index" class="btn btn-primary fachoose" :data-input-id="'audiotest'+index" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                            <span><button type="button" :id="'audio-audiotest'+index" class="btn btn-success soundupload" :data-title="option.answer" :data-ist="true" :data-input-id="'audiotest'+index"><i class="fa fa-upload"></i> 录音</button></span>
                        </div>
                    </div>

                </div>
                </div>
                <div class="col-sm-12" style="margin: 1rem 0 0 0;">
                    <button type="button" class="btn btn-success" @click="synthesis()" style="margin-top: 3rem;"><i class="fa fa-plus"></i> 合并通话生成音频时间</button>
                </div>
            </div>
        </div>
        
    </div>

    <div v-show="kind === 'WORD'">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('是否纯阅读')}:</label>
            <div class="col-xs-12 col-sm-8">

                <div class="radio">
                {foreach name="wordList" item="vo"}
                <label for="row[is_read]-{$key}"><input id="row[is_read]-{$key}" name="row[is_read]" type="radio" value="{$key}" {in name="key" value="$row.is_read"}checked{/in} /> {$vo}</label>
                {/foreach}
                </div>

            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('类型')}:</label>
            <div class="col-xs-12 col-sm-8">

                <div class="radio">
                {foreach name="isWordList" item="vo"}
                <label for="row[is_word]-{$key}"><input id="row[is_word]-{$key}" name="row[is_word]" type="radio" value="{$key}" {in name="key" value="$row.is_word"}checked{/in} /> {$vo}</label>
                {/foreach}
                </div>

            </div>
        </div>


        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('讯飞内容')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-xf_content" class="form-control" name="row[xf_content]" type="text" value="{$row.xf_content|htmlentities}">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('讯飞音标')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-vocabulary" class="form-control" name="row[vocabulary]" type="text" value="{$row.vocabulary|htmlentities}">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('讯飞数字读法标注')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-number_replace" class="form-control" name="row[number_replace]" type="text" value="{$row.number_replace|htmlentities}" placeholder="在数字下一行必须用[number_replace]标记">
            </div>
        </div>

        

    </div>



    <!--材料题-->
    <div v-show="kind === 'MATERIAL'">

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('类型')}:</label>
            <div class="col-xs-12 col-sm-8">

                <div class="radio">
                    {foreach name="materialList" item="vo"}
                    <label for="row[m_type]-{$key}"><input id="row[m_type]-{$key}" name="row[m_type]" type="radio" value="{$key}" {in name="key" value="$row.m_type"}checked{/in} /> {$vo}</label>
                    {/foreach}
                </div>

            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('材料题目设置')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-m_title" class="form-control" name="row[m_title]" type="text" value="{$row.m_title|htmlentities}">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">选择题目:</label>
            <div class="col-xs-12 col-sm-8">
                <button class="btn btn-success" type="button" @click="selectMaterialQuestion()" ><i class="fa fa-search"></i> 选择题目</button>

                <!--材料题子题目设置-->
                {include file="../application/admin/view/exam/question/material_questions.html" /}
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Difficulty')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select  id="c-difficulty" data-rule="required" class="form-control selectpicker" name="row[difficulty]">
                {foreach name="difficultyList" item="vo"}
                    <option value="{$key}" {in name="key" value="$row.difficulty"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('原文')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div id="c-origin">
                <textarea id="c-origin" class="form-control editor" name="row[origin]">{$row.origin|htmlentities}</textarea>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('example')}:</label>
        <div class="col-xs-12 col-sm-8">
          <textarea id="c-example" class="form-control editor" name="row[example]">{$row.example|htmlentities}</textarea>
        </div>
    </div>

    
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('例句翻译')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div>
                <textarea class="form-control" name="row[example_translate]">{$row.example_translate|htmlentities}</textarea>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('例句音频')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-example_audio" class="form-control" size="50" name="row[example_audio]" type="text" value="{$row.example_audio|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-example_audio" class="btn btn-danger plupload" data-input-id="c-example_audio" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false" data-preview-id="p-example_audio"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-example_audio" class="btn btn-primary fachoose" data-input-id="c-example_audio" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    <span><button type="button" class="btn btn-success soundupload" data-input-id="c-example_audio1"><i class="fa fa-upload"></i> 录音</button></span>
                </div>
                <span class="msg-box n-right" for="c-example_audio"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-example_audio"></ul>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Explain')}:</label>
        <div class="col-xs-12 col-sm-8">
          <textarea id="c-explain" class="form-control editor" name="row[explain]">{$row.explain|htmlentities}</textarea>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('解析翻译')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div>
                <textarea class="form-control" name="row[explain_translate]">{$row.explain_translate|htmlentities}</textarea>
            </div>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('解析音频')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-explain_audio" class="form-control" size="50" name="row[explain_audio]" type="text" value="{$row.explain_audio|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-explain_audio" class="btn btn-danger plupload" data-input-id="c-explain_audio" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false" data-preview-id="p-explain_audio"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-explain_audio" class="btn btn-primary fachoose" data-input-id="c-explain_audio" data-mimetype="audio/ogg,audio/mpeg,audio/wav" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    <span><button type="button" class="btn btn-success soundupload" data-input-id="c-titles_audio"><i class="fa fa-upload"></i> 录音</button></span>
                </div>
                <span class="msg-box n-right" for="c-explain_audio"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-explain_audio"></ul>
        </div>
    </div>


    <!-- <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('explain_video')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-explain_video" class="form-control" size="50" name="row[explain_video]" type="text" value="{$row.explain_video|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-explain_video" class="btn btn-danger plupload" data-input-id="c-explain_video" data-mimetype="mp4" data-multiple="false" data-preview-id="p-explain_video"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-explain_video" class="btn btn-primary fachoose" data-input-id="c-explain_video" data-mimetype="mp4" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-explain_video"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-explain_video"></ul>
        </div>
    </div> -->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">

            <div class="radio">
            {foreach name="statusList" item="vo"}
            <label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="$row.status"}checked{/in} /> {$vo}</label>
            {/foreach}
            </div>

        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <input type="button" id="valid" @click="valid" class="hide">

            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
</div>
<style>
    .playeraduio{
        cursor: pointer;
        background: rgb(10, 91, 166);
        position: absolute;
        right: 16px;
        top:0;
        z-index: 2;
        height: 32px;
        border-radius: 5px;
        line-height: 32px;
        color: white;
        text-align: center;
        width: 50px;
    }
</style>
<!--试题设置扩展-->
{include file="../application/admin/view/exam/question/extend.html" /}
